<template>
  <div>
    <!-- <div style="height:38px;"></div> -->
    <el-table
      :data="header"
      style="width: 100%"
      height=650
      :header-row-style="{height:'40px'}">
      <el-table-column
        prop="key"
        label="Key"
        width="180">
      </el-table-column>
      <el-table-column
        prop="value"
        label="value">
      </el-table-column>
      <!-- <el-table-column label="操作" width="70">
        <template slot-scope="scope">
           <i class="row-delete-btn el-icon-delete" @click="onDelete(scope.$index, scope.row)"></i>
        </template>
      </el-table-column> -->
    </el-table>
  </div>
</template>

<style scoped>
.el-table__row{
  height: 50px !important;
}
</style>

<script>
export default {
  name: 'HeaderTable',
  props: [ 'header' ],
  data() {
    return {
      array: []
    }
  },
  methods: {
    abc(){
      return "height:40px;"
    }
  }
}
</script>
